@charset "utf-8";

@function px($px){
    @return (px/2);
}
$fontsize:40;
@function r($px){
    @return $px/$fontsize * 1rem;
}


body{
    width: 100%;
    background: url(../img/jiang.jpg)round;
    #web{
        width: 100%;
        height: 100%;
        .jiang_h1{
            width: 100%;
            padding-top: r(350);
            h3{
                text-align: center;
                color: #F4E398;
                font-size: r(50);
            }
            p{
                font-size: r(35);
                color: #FFFFFF;
                text-align: center;
                line-height: r(80);
                span{
                    color: #F4E398;
                }
            }
        }
        .jiang_img{
            width: 85%;
            margin: 0 auto;
            padding-top: r(80);
            img{
                width: 100%;
                
            }
        }
        .jiang_p1{
            width: 100%;
            padding-top: r(30);
            p{
                text-align: center;
                font-size: r(40);
                color: #FFFFFF;
                line-height: r(80);
            }
        }
        
        
        .box_nan{
            width: 266px;
            height: 32px;
            text-align: center;
            margin: 0 auto;
            margin-top: r(150);
            .box_nan1{
                width: 120px;
                height: 32px;
                border: 1px solid #f4e398;
                border-radius: 2px;
                margin-bottom: 20px;
                margin: 0 auto;
                p{
                    text-align: center;
                    line-height: 32px;
                    color: #F4E398;
                    font-size: 17px;
                    font-weight: 700;
                }
                a p:active{
                    background: #F4E398;
                    color: red;
                }
            }
        }
    }
}
